<template>
    <div class="trend_box">
        <div class="trend_item">
            <!-- <image :src="item.userurl" class="item_left"></image> -->
            <div class="item_right">
                <!-- 用户名 -->
                <div class="item_right_name">{{ objs.title }}</div>
                <!-- 文案内容 -->
                <div class="item_right_content">{{ objs.comment }}</div>
                <!-- 图片集合 -->
               <div class="item_right_img_box" v-if="objs.fileList.length > 0">
                    <image class="item_right_img" v-for="(img_item, imgindex) in objs.fileList" :key="imgindex"
                        :src="img_item" @click="previewImage(imgindex, item.imglist)">
                    </image>
                </div>
                <!-- 工具栏 -->
               <!-- div class="toolInfo">
                    <div class="toolInfo_time">2小时前</div>
                    <div class="toolInfo_box">评论</div>
                </div> -->
                <!-- 点赞人数 -->
               <!-- <div class="startList">
                    ❤ {{item.total}}
                </div> -->
				<view class="adds" @click="addss">添加评论</view>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            popupVisible: true,
            trends: [],
            total: 0,
            noMore: false,
			objs: {}
        }
    },
	onLoad() {
		console.log('qq', uni.getStorageSync('pyqDetail'))
		this.objs = JSON.parse(uni.getStorageSync('pyqDetail'))
	},
    methods: {
		addss () {
			uni.navigateTo({
				url: '/pages/friendsCircle/detailpls?id=' + this.objs.id
			})
		},
        //预览图片
        previewImage(imgIndex, urls) {
            let that = this;
            uni.previewImage({
                current: imgIndex,
                urls: urls,
                success: function (res) {

                }
            });
        }
    },
}
</script>

<style lang="scss" scoped>
.startList {
    background: #e6e1e1;
	width: 100%;
    color: #0e66cb;
    margin-top: 10px;
}

.toolInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .toolInfo_time {
        color: #adaaaa;
    }

    .toolInfo_box {
        color: rgb(30, 137, 219);
        border-radius: 5px;
        font-weight: 550;
    }
}
.adds {
	color: rgb(30, 137, 219);
	font-size: 36rpx;
	padding-top: 30rpx;
}

.allText {
    overflow: auto;
}

.trend_box {
    padding: 10px;

    .trend_item {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 20px;

        .item_left {
            width: 12vw;
            height: 12vw;
            border-radius: 10px;
        }

        .item_right {
            width: 100%;

            .item_right_name {
                color: rgb(30, 137, 219);
                font-weight: 550;
            }

            .item_right_content {
                color: #000;
                margin-top: 5px;
                overflow: hidden;

            }

            .item_right_img_box {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }

            .item_right_img {
                width: 30%;
                margin-top: 10px;
                height: 100px;
            }

            .export {
                color: rgb(30, 137, 219);
                font-size: 14px;
            }
        }
    }
}

.noMore_text {
    text-align: center;
}
</style>